body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td,
menu {
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box
}

ul,
dl,
ol {
	list-style: none;
}

img,
fieldset,
input[type="submit"] {
	border: 0 none;
}

em {
	font-style: normal;
}

strong {
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button,
input[type="button"] {
	cursor: pointer;
	border: 0 none;
}

a,
button,
input,
img {
	-webkit-touch-callout: none;
}

img {
	/*pointer-events:none;*/
	/*禁止图片的点击事件，例如长按保存图片*/
}

input,
select,
textarea {
	outline: none;
}

a {
	text-decoration: none;
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both;
}

html,
body {
	/*禁止用户选择元素*/
	// -moz-user-select: none;
	// -webkit-user-select: none;
	// -ms-user-select: none;
	// -khtml-user-select: none;
	/*禁止元素点击出现半透明黑色背景*/
	// -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
	width: 100%;
	font-family: 'Heiti SC', 'Microsoft YaHei';
	outline: 0;
	-webkit-text-size-adjust: none;
}

body {
	margin: 0;
	position: relative;
}

.container{
	max-width: 1380px;
	width: 100%;
}
// @media screen and (max-width:1920px) {
// 	.container{
// 		max-width: 1380px;
// 	}
// }

// @media screen and (max-width: 1390px){
// 	.container{
// 		max-width: 1380px;
// 	}
// }

// @media screen and (max-width: 1200px){
// 	.container{
// 		max-width: 1140px;
// 	}
// }
// @media screen and (max-width: 992px){
// 	.container{
// 		max-width: 960px;
// 	}
// }
// @media screen and (max-width: 768px){
// 	.container{
// 		max-width: 720px;
// 	}
// }
// @media screen and (max-width: 576px){
// 	.container{
// 		max-width: 540px;
// 	}
// }
// @media screen and (max-width: 576px){
// 	.container{
// 		min-width: auto;
// 	}
// }
// @media screen and (max-width: 1920px){
// 	.container{
// 		min-width: 1380px;
// 	}
// }

@media screen and (max-width:768px) {
		#app {
			padding: 0 10px;
		}
}
	.col-xs-1-5,
	.col-sm-1-5,
	.col-md-1-5,
	.col-lg-1-5 {
		position: relative;
		min-height: 1px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.col-xs-1-5 {
		width: 20%;
		float: left;
	}

	@media (min-width: 768px) {
		.col-sm-1-5 {
			width: 20%;
			float: left;
		}
	}

	@media (min-width: 1200px) {
		.col-md-1-5 {
			width: 20%;
			float: left;
		}
	}

	@media (min-width: 1380px) {
		.col-lg-1-5 {
			width: 20%;
			float: left;
		}
	}
	
	.col-xs-1-3,
		.col-sm-1-3,
		.col-md-1-3,
		.col-lg-1-3 {
			position: relative;
			min-height: 1px;
			padding-right: 10px;
			padding-left: 10px;
		}
	
		.col-xs-1-3 {
			width: 33.33%;
			float: left;
		}
	
		@media (min-width: 768px) {
			.col-sm-1-3 {
				width: 33.33%;
				float: left;
			}
		}
	
		@media (min-width: 1200px) {
			.col-md-1-3 {
				width: 33.33%;
				float: left;
			}
		}
	
		@media (min-width: 1380px) {
			.col-lg-1-3 {
				width: 33.33%;
				float: left;
			}
		}

input[type=checkbox] {
		cursor: pointer;
		position: relative;
		width: 15px;
		height: 15px;
		font-size: 14px;
	}

	input[type=checkbox]::after {
		position: absolute;
		top: 0;
		background-color: #F7F7F7;
		color: #fff;
		width: 15px;
		height: 15px;
		display: inline-block;
		visibility: visible;
		padding-left: 0px;
		text-align: center;
		content: ' ';
		// border-radius: 2px
	}

	input[type=checkbox]:checked::after {
		content: "✓";
		font-size: 10px;
		font-weight: bold;
		background-color: #F15E45;
	}